// CSS Main
@import "main.less";
//import "user_common.less";
// daily 
.dailys {
	.parents {
		overflow:hidden;
		zoom:1;
		li {
			float:left;
			width:138px;
			display:block;
			text-align:left;
			a {
				font-size:@largeFontSize;
				font-weight:bold;
				font-family:@altFontFamily;
				&.on {
					color:@orange;
				}
				&:hover {
					color:@orange;
				}
			}
			//end a
			
			cite {
				display:block;
				width:100%;
			}
		}
	}
	// end parents
	
	.dates {
		overflow:hidden;
		zoom:1;
		margin:10px 0;
		dt,dd {
			float:left;
			a {
				display:block;
				padding:3px 5px;
				background-color:@white;
				border:1px solid @grayLighter;
				margin-right:3px;
				&:hover{
					border:1px solid @grayLight;
					color:@black;
				}
				&.on {
					border:1px solid @green;
					background-color:@greenLight;
					color:@white;
				}
			}
		}
	}
}



//daily secs
.daily {
	.creator {
		clear:both;
	}
	// creator end
	
	h3 {
		line-height:  34px;
		margin:10px 0;
		display:block;
		.icon {
			width:36px;
			height:36px;
			float:left;
			background:url("@{userIcons}") no-repeat 0 0 ;
			margin-right:10px;
		}
		
		// icons
		.cloudy {
			background-position:-10px -304px;
		}
		.sunny {
			background-position:-225px -304px;
		}
		.sunrain {
			background-position:-173px -304px;
		}
		.suncloudy {
			background-position:-65px -304px;
		}
		.rainny {
			background-position:-121px -304px;
		}
		//icons end
		
		.time {
			font-size:@largeFontSize;
			font-family:@altFontFamily;
		}

	}
	// end h3
	
	.creator {
		clear:both;
		background:#fdf9dd;
		overflow:hidden;
		zoom:1;
		text-align:center;
		padding:5px;
		textarea {
			width:702px;
			display:block;
			border:1px solid @orange;
		}
		
		.buttons {
			float:left;
			zoom:1;
			overflow:hidden;
			li {
				float:left;
			}
		}
		
		.submit {
			float:right;
			background:url("@{userBg}") no-repeat -70px -142px;
			border:0;
			width:81px;
			height:25px;
			line-height:25px;
			color:@white;
			font-weight:bold;
			text-align:center;
		}
		
	}
	// end creator
	
	// begin body
	.show {
		clear:both;
		width: 718px;
		.data {
			clear:both;
			width:100%;
			display:block;
			line-height:2em;
			font-size:@midFontSize;
			text-indent:2em;
		}
		
		.comments {
			.button {
				float:right;
				margin-right:10px;
				.icon {
					width:16px;
					height:16px;
					float:left;
					background:url("@{userIcons}") 0 0 no-repeat;
					&.edit {
						background-position:-132px -584px;
					}
					&.delete {
						background-position:-161px -584px;
					}
					
					&.comment {
						margin-top:0;
						background-position:-270px -584px;
					}
				}
			}
		}
		// end comments
		
		// begin add comment
		.add_comment {
			clear:both;
			margin-top:10px;
		}
	}
	
}